<template>
  <div style="text-align: center;margin: 100px 10px 100px 10px">
    <span style="font-size: xxx-large; letter-spacing: 2px; font-family: fantasy;color: #636365">
      404 NOT FOUND
    </span>
  </div>
  <div class="_404">
    <van-button
        size="large"
        plain
        round
        color="#FF6969"
        type="primary"
        @click="router.push('/')"
        style="width: 200px; font-size: x-large; letter-spacing: 4px">
      BACK
    </van-button>
  </div>
</template>

<script setup>
import router from "@/router";
</script>

<style scoped>
  ._404 {
    width: auto;
    margin: 20px 10px 20px 10px;
    text-align: center;
    font-family: fantasy;
    font-style: italic;
  }
</style>
